/*
margin
*/
.m0 { margin: 0px !important; }
.mt0{ margin-top: 0px !important; }
.mr0{ margin-right: 0px !important; }
.mb0{ margin-bottom: 0px !important; }
.ml0{ margin-left: 0px !important; }

.m10 { margin: 10px !important; }
.mt10{ margin-top: 10px !important; }
.mr10{ margin-right: 10px !important; }
.mb10{ margin-bottom: 10px !important; }
.ml10{ margin-left: 10px !important; }

.m16 { margin: 16px !important; }
.mt16{ margin-top: 16px !important; }
.mr16{ margin-right: 16px !important; }
.mb16{ margin-bottom: 16px !important; }
.ml16{ margin-left: 16px !important; }

.m20 { margin: 20px !important; }
.mt20{ margin-top: 20px !important; }
.mr20{ margin-right: 20px !important; }
.mb20{ margin-bottom: 20px !important; }
.ml20{ margin-left: 20px !important; }

.m30 { margin: 30px !important; }
.mt30{ margin-top: 30px !important; }
.mr30{ margin-right: 30px !important; }
.mb30{ margin-bottom: 30px !important; }
.ml30{ margin-left: 30px !important; }

/*
padding
*/
.p0 { padding: 0px !important; }
.pt0{ padding-top: 0px !important; }
.pr0{ padding-right: 0px !important; }
.pb0{ padding-bottom: 0px !important; }
.pl0{ padding-left: 0px !important; }

.p10 { padding: 10px !important; }
.pt10{ padding-top: 10px !important; }
.pr10{ padding-right: 10px !important; }
.pb10{ padding-bottom: 10px !important; }
.pl10{ padding-left: 10px !important; }

.p16 { padding: 16px !important; }
.pt16{ padding-top: 16px !important; }
.pr16{ padding-right: 16px !important; }
.pb16{ padding-bottom: 16px !important; }
.pl16{ padding-left: 16px !important; }

.p20 { padding: 20px !important; }
.pt20{ padding-top: 20px !important; }
.pr20{ padding-right: 20px !important; }
.pb20{ padding-bottom: 20px !important; }
.pl20{ padding-left: 20px !important; }

.p30 { padding: 30px !important; }
.pt30{ padding-top: 30px !important; }
.pr30{ padding-right: 30px !important; }
.pb30{ padding-bottom: 30px !important; }
.pl30{ padding-left: 30px !important; }